// @ts-ignore
import styled from "styled-components";
type propsType={
  $width?:number
};
const ProjectLogoStyle=styled.div<propsType>`
  position: relative;
  height: 100%;
  user-select: none;

  .logo-box {
    position: relative;
    height: 100%;
    width: ${(props: propsType) => props.$width}px;
    min-width: fit-content;
    //禁止选中，让用户感觉是一个logo效果
    user-select: none;
  }

  .logo {
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    //background-image: url("https://bucket-yufei.oss-cn-beijing.aliyuncs.com/my_self/image/blog_logo2.png");
    background-image: url(${require("../../../assets/image/gaduation_zzmusic_logo.png")});
    background-color: var(--theme-color);
    width: 55px;
    height: 55px;
    background-size: 100% 100%;
    border-radius: 50%;
  }

  .hy_footer_author {
    position: absolute;
    top: 50%;
    left: 60px;
    font-size: 30px;
    font-weight: 100;
    font-family: 宋体;
    //font-family: 钟齐陈伟勋硬笔行楷简;
    white-space: nowrap;
    transform: translateY(-50%);
  }
`;
export default ProjectLogoStyle;
